*{margin:0px; padding:0px;}

html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
.contz{height: 300px;}
ul li{list-style-type:none;}
a{text-decoration:none;color:#000;}
body{background:#ECF9FF}
.color-blue{color: #0168B7;}
.background-eee{background: #EEEEEE;}
.background-blue{background-color: #0168B7;}
.w-1200{width: 1200px;margin: 0 auto;}
.flex-between{display: flex;justify-content: space-between;align-items: center;}
.flex-center{display: flex;justify-content: space-between;align-items: flex-start;}
.flex-center2{display: flex;justify-content: space-between;}
.margin-bot{margin-bottom: 20px;}
.bodycent-nav{width: 200px;background: #fff;}
.bodycent-nav1{width: 100%;height: 110px;background: url('../images/bgnag.jpg'); background-size: 100% 100%;display: flex;justify-content: center;align-items: center;
font-size: 24px;font-weight: bold;color: #fff;}
.bodycent-navlist{height:64px;display: flex;align-items: center;border-bottom: 1px solid #E5E5E5;}
.bodycent-navlist00{width: 8px;height: 8px;background: #9C9B9B;border-radius: 8px;margin-right: 10px;}
.bodycent-navlist01{font-size: 16px;}
.bodycent-navlist01 a{color: #9C9B9B;}
.bodycent-navlist:hover .bodycent-navlist01 a{color: #0168B7;}
.bodycent-navlist:hover .bodycent-navlist00{background: #0168B7;}
.bodycent-navlist-active .bodycent-navlist01 a{color: #0168B7;}
.bodycent-navlist-active .bodycent-navlist00{background: #0168B7;}
.bodycent-navlist:last-child{border-bottom: 0px;}
.bodycent-neri{padding: 20px;width: 970px;box-sizing: border-box;background:#fff;}
/* 底部ICP */
.ICP{background: #27282A;color: #fff;padding: 12px 0;font-size: 14px;}
.ICP-syac{display: flex;align-items: center;}
.ICP-syac a{color: #fff;}
/* bannr */
.bannr{width: 100%;}
.bannr img{width: 100%;}
.bodycent-tiele{padding: 20px 0;font-size: 13px;}

/* 头部 */
.nav-title{
    width: 100%;background: #F8F8F8;padding: 8px 0;font-size: 14px;
}
.title-syac{
    display: flex;align-items: center;
}
.title-syac1{margin: 0 6px;margin-top: -2px;}
.nav-logo{
    padding: 26px 0;background: #fff;
}
.logo-img img{width: 580px;}
.sous {display: flex; align-items: center;position: relative;}
.sous input{border: 2px solid #0168B7;height: 40px;width: 296px;padding:8px 8px 8px 32px;box-sizing: border-box;border-right: 0px;font-size: 14px;}
.sous button{width: 80px;height: 40px;background: #0168B7;color: #fff;font-size: 14px;cursor: pointer;}
.sous img{position: absolute;width: 22px;left: 6px;top: 11px;}


.sort{
    height: 52px;display: flex;
}
.sort-list{flex: 1;height: 100%;position: relative;}
.sort-list:hover{background: #015CA2;}
.sort-list::after{content:'';width: 1px;height: 30px;background: rgba(255,255,255,0.2);position: absolute;right: 0px;top: 11px;}
.sort-list:last-child::after{content: none;}
.sort-list a{display: flex;justify-content: center;align-items: center;height: 100%;color:#fff;}
.sort-active{background: #015CA2;}
/* 尾部 */
.tail{
    padding: 40px 26px;box-sizing: border-box;
}
.tail-lect{display: flex;align-items: center;justify-content: space-between;}
.tail-selec{width: 216px;height: 50px;position: relative;}
.tail-selec select{width: 100%;height: 100%;outline: none;text-align: center;background: none;border:1px solid #fff;color: #fff;-webkit-appearance:none;
 -moz-appearance:none;appearance:none;padding-right: 20px;}
 .tail-selec-img{position: absolute;right: 8px;top: 16px;width: 24px;}
.tail-selec select option{color: #000;}
.tail-ng{display: flex;align-items: center;justify-content: space-evenly;margin-top: 40px;}
.tail-dzi{color: #fff;font-size: 14px;}
.tail-dzilis a{margin: 0 16px;color: #fff;}
.tail-dzilis a:nth-child(1){margin-left: 0px;}
.tail-addr{margin-top: 40px;}
.tail-phone{margin-top: 30px;}
.mar-lef0{margin-left: 80px;}
.tail-erwm img{width: 106px;height: 106px;}

/* 分页 */
.paging{
    text-align: center;color:#333333;font-size:14px;margin-top:36px;margin-bottom: 24px;
}
.paging ul li{
    display:inline-block;background:#fff;margin:0 1px;
}
.paging ul li span{
    display:block;padding:8px 12px;color:#000;
}
.paging ul li a{
    display:block;padding:8px 12px;color:#000;border: 1px solid #C8C7C7;
}

.paging ul li span:hover{
    background:#0168B7 !important;color:#fff !important;
}
.paging ul li a:hover{
    background:#0168B7 !important;color:#fff !important;border: 1px solid #0168B7;
}
.active{
    background:#0168B7 !important;color:#fff !important;
}
.active a{
    background:#0168B7 !important;color:#fff !important;border: 1px solid #0168B7;
}
.active span{
    background:#0168B7 !important;color:#fff !important;
}
.ui-pagination-container {
    
}

.ui-pagination-container .ui-pagination-page-item {
    font-size: 14px;
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #C8C7C7;
    color: #888;
    margin: 0 3px;
    text-decoration: none;
}

.ui-pagination-container .ui-pagination-page-item:hover {
    background: #0168B7;
    color: #fff;
    text-decoration: none;
}

.ui-pagination-container .ui-pagination-page-item.active {
    background: #0168B7;
    border-color: #0168B7;
    color: #fff;
    cursor: default;
}
.znxsfu{position: fixed;top: 52%;right: 0px;}
.znxsfu img{width: 100px;}